<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div>
    <ul>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>
</div>
<script>
    //父子间以树的结构存储  兄弟间以链表的形式存储
    const div = document.querySelector('div');
    console.log(div.children);  //一个最近子元素节点对象的伪数组
    console.log(div.children[0].parentNode); //获取节点最近父元素节点
    const firstLi = document.querySelector('ul li:first-child');
    console.log(firstLi.nextElementSibling);//获取最近的一个兄弟元素节点
</script>
</body>
</html>